<template>
	<tm-fullView>
		<template v-slot:default="{ info }">
			<tm-sheet dense flat :height="info.height + 'px'">
				<tm-menubars title="游戏抽奖" color="bg-gradient-primary-lighten" :showback="true"></tm-menubars>
				
				<tm-grouplist  :shadow="24" :round="10" :padding="[42,42]">
					<tm-listitem :key="1" left-icon="icon-paperplane-fill" url="choujiang" :show-left-icon="true" :fontSize="32"
						:left-icon-size="40" left-icon-color="red" title="转盘抽奖" value="2套主题"></tm-listitem>
					<tm-listitem :key="2" left-icon="icon-paperplane-fill" url="choujiangGame" :show-left-icon="true"
						:fontSize="32" :left-icon-size="40" left-icon-color="red" title="老虎机抽奖" value="2套主题">
					</tm-listitem>
					<tm-listitem :key="3"  left-icon="icon-paperplane-fill" url="choujiangGrid" :show-left-icon="true"
						:fontSize="32" :left-icon-size="40" left-icon-color="red" title="九宫格抽奖" value="2套主题">
					</tm-listitem>
				</tm-grouplist>
				
				<tm-sheet color="red" text flat>
					<view class="text-size-n">
						提醒：用到的素材请自行从我官网下载到本地， 使用自己服务器连接资源。严禁默认使用我个人的服务器资源。
						请不要赠我的服务器带宽,一年后要到期了。
					</view>
				</tm-sheet>
			</tm-sheet>
		</template>
	</tm-fullView>
</template>

<script>
	import tmGrouplist from "@/tm-vuetify/components/tm-grouplist/tm-grouplist.vue"
	import tmListitem from "@/tm-vuetify/components/tm-listitem/tm-listitem.vue"
	import tmMenubars from "@/tm-vuetify/components/tm-menubars/tm-menubars.vue"
	import tmFullView from "@/tm-vuetify/components/tm-fullView/tm-fullView.vue"
	import tmSheet from "@/tm-vuetify/components/tm-sheet/tm-sheet.vue"
	export default {
		components:{tmGrouplist,tmListitem,tmMenubars,tmFullView,tmSheet},
		data() {
			return {};
		},
		methods: {}
	};
</script>

<style></style>
